{% extends "base.html" %}
{% block head %}
<title>咩乐 - 爱购物、爱分享!</title>
<style>
#html{
	background: url(/static/img/index_bg.png) no-repeat bottom;
}
</style>
{% end %}
<!-- content -->
{% block content %}
<div class="clearfix">
	<div id="category">
		<dl>
			<dt class="dress"><i></i>热门上衣</dt>	
			<dd class="clearfix">
				<a  href="/clothes/雪纺衫" class="cur">雪纺衫</a> 
				<a  href="/clothes/T恤">T恤 </a> 
				<a  href="/clothes/衬衫" class="cur">衬衫</a>	
				<a  class="/clothes/小西装">小西装</a> 
				<a  href="/clothes/卫衣">卫衣</a> 
				<a  href="/clothes/针织衫">针织衫</a>
			</dd>
		</dl>
		<dl>	
			<dt class="pants"><i></i>热门裤子</dt>	
			<dd class="clearfix">
				<a  id="hcma_hotnvku_1" href="/clothes/牛仔裤" class="cur">牛仔裤</a> 
				<a   href="/clothes/铅笔裤">铅笔裤</a> 
				<a   href="/clothes/哈伦裤">哈伦裤</a> 
				<a  href="/clothes/打底裤" >打底裤</a> 
				<a  href="/clothes/短裤" >短裤</a> 
				<a  href="/clothes/直筒裤" >直筒裤</a>
			</dd>
		</dl>
		<dl>
			<dt class="skirt"><i></i>热门裙子</dt>	
			<dd class="clearfix">
				<a   href="/clothes/连衣裙" class="cur">连衣裙</a> 
				<a   href="/clothes/半身裙">半身裙</a> 
				<a   href="/clothes/长裙">长裙</a> 
				<a   href="/clothes/背心裙">背心裙</a> 
				<a   href="/clothes/雪纺裙" class="cur">雪纺裙</a> 
				<a   href="/clothes/包臀裙">包臀裙</a>
			</dd>
		</dl>
		<dl>
			<dt class="shoes"><i></i>热门鞋子</dt>	
			<dd class="clearfix">
				<a   href="/shoes/单鞋">单鞋</a> 
				<a   href="/shoes/松糕鞋" class="cur">松糕鞋</a> 
				<a   href="/shoes/粗跟鞋">粗跟鞋</a> 
				<a   href="/shoes/坡跟鞋">坡跟鞋</a>
				<a   href="/shoes/短靴" class="cur">短靴</a>
			</dd>
		</dl>
		<dl>	
			<dt class="bag"><i></i>热门包包</dt>	
			<dd class="clearfix">
				<a   href="/bags/单肩包" class="cur">单肩包</a> 
				<a   href="/bags/手提包">手提包</a> 
				<a   href="/bags/斜挎包">斜挎包</a> 
				<a   href="/bags/钱包">钱包</a> 
				<a   href="/bags/链条包">链条包</a> 
				<a   href="/bags/帆布包">帆布包</a>
			</dd>
		</dl>
	</div>
	<div id="home_main">
		<div id="ad" class="left">
			<img src="{{static_url('ad/1.jpg')}}" width="510" height="320" class="img">
		</div>
		<div class="right" id="news">
			<div class="module">

			<h1><em class="news-icon1"></em><a  href="">我们都fan呛口小辣椒</a></h1>
			<ul>
			
						<li> <em class="news-icon2"></em><a  href="">手包也有大不同~</a> </li>
						<li> <em class="news-icon2"></em><a  href="">总有个大嘴猴是你不舍的宝</a> </li>
						<li> <em class="news-icon2"></em><a  href="">活动过半，赶紧赢取施华洛世奇淘公仔吧</a> </li>
						<li> <em class="news-icon2"></em>亲，咩乐发现欢迎你的加入~~</li>
			</ul>
			
		</div>
		<img src="/static/ad/1.gif"  style="margin-top:10px;" class="img">
		<img src="/static/ad/2.gif" style="margin-top:10px;" class="img">
		</div>
		
		<div class="help clearfix">            <dl>              <dt>精选1000家网店</dt>              <dd class="corange">做工,面料,色差,纠结吗？</dd>              <dd>我们寻找最有口碑的名店</dd>            </dl>            <dl>              <dt>精选50万商品</dt>              <dd class="corange">甜美,文艺,街头,走啥路线？</dd>              <dd>支招最fashion的款式搭配</dd>            </dl>            <dl>              <dt>精选每日特卖活动</dt>              <dd class="corange">打折,满减,返券,眼花撩乱？</dd>              <dd>我们甄选真正的实惠</dd>            </dl>        </div>


	</div>
</div>
<div class="index_hot">
<p class="new fb"><span class="today">今日推荐</span><span class="date"><em>2012</em><em>05</em><em>04</em></span><span>新增<em class="cred">2016</em>件商品</span></p>

<div id="tag0" class="tabcon clearfix mt10" style="display: block; ">
<ul>
{% for val in hots %}
<li>
<a href="/item/{{val["id"]}}.html" target="_blank">
<img src="{{val["pic_url"]}}_210x210.jpg"  class="img" alt="{{val["title"]}}" title="{{val["title"]}}"></a>
<p class="price tc fb">￥{{val["price"]}}</p>
</li>
{% end %}

</ul>
</div>
</div>
<!-- end -->
<div>
<div class="col_tit">
<h3 class="left">
<span>靓衣</span>
</h3>
</div>
<div class="mt10 clearfix">
	<ul class="imglist clearfix">
	{% for val in clothes %}
		<li><a  href="/item/{{val["id"]}}.html" target="_blank"><img  class="img_border img" src="{{val["pic_url"]}}_120x120.jpg" alt="{{val["title"]}}" title="{{val["title"]}}"></a></li>	
	{% end %}
	</ul>
	<div class="bk">
		<dl class="clearfix">
			<dt><span>热款</span></dt>	
			<dd>
				<a  href="/clothes/雪纺衫" target="_blank">雪纺衫</a> 
				<a  href="/clothes/吊带衫" target="_blank">吊带衫</a> 
				<a  target="_blank" href="/clothes/短袖T恤">衬衣</a> 
				<a  target="_blank" href="/clothes/短袖T恤">短袖T恤</a>
			</dd>	
			<dd>
				<a  href="/clothes/防晒衫" target="_blank">防晒衫</a> 
				<a  href="/clothes/情侣装" target="_blank">情侣装</a> 
				<a  target="_blank" href="/clothes/背心">背心</a>
			</dd>
		</dl>
	</div>
	<div class="bk">
		<dl class="clearfix">
			<dt><span>风格</span></dt>	
			<dd>
				<a  target="_blank" href="/clothes/韩范儿">韩范儿</a>	
				<a  target="_blank" href="/clothes/日系">日系</a>	
				<a  target="_blank" href="/clothes/欧美">欧美</a>	
				<a  target="_blank" href="/clothes/原创">原创</a>
			</dd>	
			<dd>
				<a  target="_blank" href="/clothes/街头名媛">街头名媛</a>	
				<a  target="_blank" href="/clothes/Boyfriend">Boyfriend</a>	
				<a  target="_blank" href="/clothes/森女">森女</a>	
				<a  target="_blank" href="/clothes/OL">OL</a>
			</dd>
		</dl>
	</div>
	<div class="bk">
		<dl class="clearfix">
			<dt><span>in fashion</span></dt>	
			<dd>
				<a  target="_blank" href="/clothes/长款">长款</a>	
				<a  target="_blank" href="/clothes/条纹">条纹</a> 
				<a  target="_blank" href="/clothes/露肩">露肩</a>	
				<a  target="_blank" href="/clothes/娃娃领">娃娃领</a>
			</dd>	
			<dd>
				<a  target="_blank" href="/clothes/显瘦">显瘦</a>	
				<a  target="_blank" href="/clothes/蕾丝">蕾丝</a>	
				<a  target="_blank" href="/clothes/碎花">碎花</a>	
				<a  target="_blank" href="/clothes/blingbling">blingbling</a>
			</dd>
		</dl>
	</div>
	<a href="/clothes/" target="_blank" class="bkmore right">更多</a></div>
</div><!--end 上衣-->

<!-- end -->
<div class="mt10">
<div class="col_tit">
<h3 class="left">
<span>美鞋</span>
</h3>
</div>
<div class="mt10 clearfix">
<ul class="imglist clearfix">
	{% for val in shoes %}
	<li><a  href="/item/{{val["id"]}}.html" target="_blank"><img  class="img_border img" src="{{val["pic_url"]}}_120x120.jpg" alt="{{val["title"]}}" title="{{val["title"]}}"></a></li>	
	{% end %}
	</ul>

	<div class="bk">
		<dl class="clearfix">
			<dt><span>热款</span></dt>
			<dd>
				<a  href="/shoes/松糕鞋" target="_blank">松糕鞋</a> 
				<a  href="/shoes/粗跟鞋" target="_blank">粗跟鞋</a> 
				<a  href="/shoes/帆布鞋" target="_blank">帆布鞋</a> 
				<a  href="/shoes/单鞋" target="_blank">单鞋</a>
			</dd>
			<dd>
				<a  href="/shoes/鱼嘴鞋" target="_blank">鱼嘴鞋</a> 
				<a  href="/shoes/凉拖鞋" target="_blank">凉拖鞋</a>
			</dd>
		</dl>
	</div>
	
<div class="bk">
	<dl class="clearfix">
		<dt><span>风格</span></dt>	
		<dd>
			<a  href="/shoes/欧美" target="_blank">欧美</a> 
			<a  href="/shoes/日系" target="_blank">日系</a> 
			<a  href="/shoes/韩范儿" target="_blank">韩范儿</a> 
			<a  href="/shoes/英伦" target="_blank">英伦</a>
		</dd>	
		<dd>
			<a  href="/shoes/复古" target="_blank">复古</a>
		</dd>
	</dl>
</div>
	
	
	<div class="bk">
		<dl class="clearfix">
			<dt><span>in fashion</span></dt>	
			<dd>
				<a  href="/shoes/坡跟" target="_blank">坡跟</a> 
				<a  href="/shoes/厚底" target="_blank">厚底</a> 
				<a  href="/shoes/系带" target="_blank">系带</a> 
				<a  href="/shoes/浅口" target="_blank">浅口</a>
			</dd>	
			<dd>
				<a  href="/shoes/流苏" target="_blank">流苏</a> 
				<a  href="/shoes/豹纹" target="_blank">豹纹</a> 
				<a  href="/shoes/PU" target="_blank">PU</a>	
				<a  href="/shoes/小羊皮" target="_blank">小羊皮</a>
			</dd>
		</dl>
	</div>

	<a href="/shoes/" target="_blank" class="bkmore right">更多</a></div>
</div><!--end 鞋子-->

<div class="mt10">
<div class="col_tit">
<h3 class="left">
<span>潮包</span>
</h3>
</div>
<div class="mt10 clearfix">
<ul class="imglist clearfix">
	{% for val in bags %}
	<li><a  href="/item/{{val["id"]}}.html" target="_blank"><img  class="img_border img" src="{{val["pic_url"]}}_120x120.jpg" alt="{{val["title"]}}" title="{{val["title"]}}"></a></li>	
	{% end %}
	</ul>

	<div class="bk">
		<dl class="clearfix">
			<dt><span>热款</span></dt>	
			<dd>
				<a  href="/bags/单肩包" target="_blank">单肩包</a> 
				<a  href="/bags/链条包" target="_blank">链条包</a> 
				<a  href="/bags/斜挎包" target="_blank">斜挎包</a> 
				<a  href="/bags/手提包" target="_blank">手提包</a>
			</dd>	
			<dd>
				<a  href="/bags/水桶包" target="_blank">水桶包</a> 
				<a  href="/bags/帆布包" target="_blank">帆布包</a> 
				<a  href="/bags/信封包" target="_blank">信封包</a> 
				<a  href="/bags/双肩包" target="_blank">双肩包</a>
			</dd>
		</dl>
	</div>
	
<div class="bk">
	<dl class="clearfix">
		<dt><span>风格材质</span></dt>	
		<dd>
			<a  href="/bags/欧美" target="_blank">欧美</a> 
			<a  href="/bags/复古" target="_blank">复古</a> 
			<a  href="/bags/撞色" target="_blank">撞色</a> 
			<a  href="/bags/百搭" target="_blank">百搭</a>
		</dd>	
		<dd>
			<a  href="/bags/真皮" target="_blank">真皮</a> 
			<a  href="/bags/皮革" target="_blank">皮革</a> 
			<a  href="/bags/漆皮" target="_blank">漆皮</a>
		</dd>
	</dl>
</div>
	
	
	<div class="bk">
		<dl class="clearfix">
			<dt><span>in fashion</span></dt>	
			<dd>
				<a  href="/bags/菱格" target="_blank">菱格</a> 
				<a  href="/bags/蝴蝶结" target="_blank">蝴蝶结</a> 
				<a  href="/bags/铆钉" target="_blank">铆钉</a> 
				<a  href="/bags/糖果" target="_blank">糖果</a>
			</dd>	
			<dd>
				<a  href="/bags/流苏" target="_blank">流苏</a> 
				<a  href="/bags/果冻" target="_blank">果冻</a>
			</dd>
		</dl>
	</div>

	<a href="/bags/" target="_blank" class="bkmore right">更多</a></div>
</div><!--end 鞋子-->
<div class="mt10">
	<a href="/"><img src="{{static_url('topic/img004.jpg')}}" width="300" class="img img_border"></a>
	<a href="/"><img src="{{static_url('topic/img013.jpg')}}" width="300" class="img img_border"></a>
	<a href="/"><img src="{{static_url('topic/img051.jpg')}}" width="300" class="img img_border"></a>

</div>
<div class="btmcloud" class="clearfix">
	<a  class="tags2 tags8" href="/search?query=%E6%A3%AE%E5%A5%B3mix" target="_blank" style="font-size: 15px; margin-left: 33px; ">森女mix</a> 
	<a  class="tags7 tags1 tags3" href="/search?query=%E9%9B%AA%E7%BA%BA" target="_blank" style="font-size: 27px; margin-left: 32px; ">雪纺</a> 
	<a  class="tags4 tags5" href="/search?query=%E5%A8%83%E5%A8%83%E9%A2%86" target="_blank" style="font-size: 18px; margin-left: 38px; ">娃娃领</a> 
	<a  class="tags6 tags1" href="/search?query=T%E6%81%A4" target="_blank" style="font-size: 21px; margin-left: 31px; ">T恤</a> 
	<a  class="tags8" href="/search?query=%E8%95%BE%E4%B8%9D" target="_blank" style="font-size: 29px; margin-left: 21px; ">蕾丝</a>
	<a  href="/search?query=%E6%96%B0%E6%AC%BE" target="_blank" style="font-size: 24px; margin-left: 36px; " class="tags5">新款</a>
	<a  class="tags6 tags7" href="/search?query=%E5%86%B0%E6%B7%87%E6%B7%8B%E8%89%B2" target="_blank" style="font-size: 19px; margin-left: 38px; ">冰淇淋色</a> 
	<a  class="tags6 tags4" href="/search?query=%E6%98%BE%E7%98%A6" target="_blank" style="font-size: 21px; margin-left: 28px; ">显瘦</a> 
	
	<a  href="/search?query=%E6%89%93%E5%BA%95%E8%A1%AB" target="_blank" style="font-size: 23px; margin-left: 31px; " class="tags2">打底衫</a> 
	<a  href="/search?query=%E8%A1%AC%E8%A1%AB" target="_blank" style="font-size: 26px; margin-left: 37px; " class="tags3">衬衫</a> 
	<a  class="tags4 tags5" href="/search?query=%E9%9F%A9%E8%8C%83%E5%84%BF" target="_blank" style="font-size: 27px; margin-left: 37px; ">韩范儿</a> 
	<a  class="tags9 tags5" href="/search?query=%E7%89%9B%E4%BB%94" target="_blank" style="font-size: 25px; margin-left: 26px; ">牛仔</a>  
	<a class="tags5 tags8" href="/search?query=%E7%A2%8E%E8%8A%B1" target="_blank" style="font-size: 25px; margin-left: 35px; ">碎花</a> 
	<a  class="tags1" href="/search?query=%E7%A0%B4%E6%B4%9E" target="_blank" style="font-size: 19px; margin-left: 35px; ">破洞</a> 
	<a  href="/search?query=%E5%BC%80%E8%A1%AB" target="_blank" style="font-size: 22px; margin-left: 26px; " class="tags6">开衫</a> 
	<a  class="tags8 tags0" href="/search?query=%E9%93%85%E7%AC%94%E8%A3%A4" target="_blank" style="font-size: 26px; margin-left: 32px; ">铅笔裤</a> 
	<a  class="tags2 tags4" href="/search?query=%E6%B3%A2%E8%A5%BF%E7%B1%B3%E4%BA%9A" target="_blank" style="font-size: 18px; margin-left: 22px; ">波西米亚</a> 
	<a  class="tags3" href="/search?query=%E9%95%BF%E8%A3%99" target="_blank" style="font-size: 20px; margin-left: 33px; ">长裙</a> 
	<a  class="tags0 tags2" href="/search?query=%E6%9D%BE%E7%B3%95%E9%9E%8B" target="_blank" style="font-size: 15px; margin-left: 39px; ">松糕鞋</a> 
	<a  class="tags0 tags2" href="/search?query=%E8%8B%B1%E4%BC%A6" target="_blank" style="font-size: 16px; margin-left: 38px; ">英伦</a> 
	<a  class="tags8 tags5" href="/search?query=%E6%9D%A1%E7%BA%B9" target="_blank" style="font-size: 25px; margin-left: 24px; ">条纹</a> 
	<a  class="tags6 tags2" href="/search?query=%E6%AC%A7%E7%BE%8E" target="_blank" style="font-size: 17px; margin-left: 40px; ">欧美</a> 
	<a  class="tags1 tags6 tags4 tags3 tags5" href="/search?query=%E8%A1%97%E5%A4%B4%E5%90%8D%E5%AA%9B" target="_blank" style="font-size: 18px; margin-left: 25px; ">街头名媛</a> 
	<a  class="tags0 tags8" href="/search?query=OL" target="_blank" style="font-size: 27px; margin-left: 26px; ">OL</a> 
	<a  class="tags1 tags7" href="/search?query=%E8%90%9D%E8%8E%89" target="_blank" style="font-size: 20px; margin-left: 28px; ">萝莉</a>
</div>
{% end %}